<%--
  Created by IntelliJ IDEA.
  User: Admin
  Date: 2020/2/14
  Time: 11:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>首页</title>
    <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>

</head>
<style type="text/css">
    *,
    div {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .topnav {
        background: none;
        border: none;
        margin-bottom: 0px;
        padding-top: 10px;
    }

    .top-nav {
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-fluid {
        padding-right: 5px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }
    /*@media all and (min-width:768px)*/

    .navbar-nav {
        float: left;
        margin: 0;
    }

    .nav {
        padding-left: 0px;
        margin-bottom: 0px;
        list-style: none;
    }
    /*@media all and (min-width:768px)*/

    .navbar-nav>li {
        float: left;
    }

    .nav>li {
        position: relative;
        display: block;
    }

    li {
        list-style: none;
    }

    .navbar-default .navbar-nav>li>a {
        color: #333;
    }

    .nav>li>a {
        padding: 10px 10.9px;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }

    a,
    img {
        border: 0;
    }

    a {
        color: #337ab7;
        text-decoration: none;
    }

    a {
        background-color: transparent;
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .dropdown-menu {
        min-width: 129px;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    }

    li {
        list-style: none;
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.4285;
        color: #333;
        white-space: nowrap;
    }

    .container {
        width: 75%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive,
    .thumbnail a>img,
    .thumbnail>img {
        display: block;
        width: 100%;
        height: auto;
    }

    .banner-bg {
        border-bottom: 1px solid #ccc;
    }

    img {
        vertical-align: middle;
    }
    /*底部*/

    footer {
        background-color: #01164b;
        color: #fff;
        margin-top: 2%;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block;
    }

    footer .container {
        padding-top: 1.4%;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    /*@media all and (min-width:992px)*/

    .col-md-9 {
        width: 75%;
    }
    /*@media all and (min-width:992px)*/

    .col-md-3 {
        width: 25%;
    }
</style>

<!--田字格布局-->
<style>
    #s1 {
        width: 400px;
        height: 300px;
        float: left;
    }

    #s2 {
        width: 400px;
        height: 300px;
        float: left;
    }

    #s3 {
        width: 400px;
        height: 300px;
        clear: left;
        float: left;
    }

    #s4 {
        width: 400px;
        height: 300px;
        float: left;
    }

    #s5 {
        clear: both;
    }
</style>


<!--通知政策，院友信息-->
<style type="text/css">
    *,
    div {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .employ_news span {
        color: gray;
    }
    li {
        list-style: none;
    }
    .list {
        margin: 0px 10px 20px;
        text-align: left;
    }

    .list ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .list li {
        background: url(/news/images/line.gif) repeat-x bottom;
        /*列表底部的虚线*/
        width: 100%;
    }

    .list li a {
        color: #777777;
        display: block;
        padding: 6px 0px 4px 15px;
        background: url(/news/images/dot.gif) no-repeat 0 6px;
        /*列表左边的箭头图片*/
    }

    .list li span {
        float: right; /*使span元素浮动到右面*/
        text-align: right; /*日期右对齐*/
    }

    .list li a:hover {
        color: #336699;
        background: url(/news/images/dot2.gif) repeat-x bottom;
    }
</style>

<body>
<!--//全局div-->
<div class="all" style=" width: 100% ;height: auto;">
    <!--网页头-->
    <div style="background-color:#01164b ; width: 100% ;height: auto;line-height: 34px;">
        <div class="top" style="height: 34px; line-height: 34px; margin: 0 auto ; width: 75%;">
            <div class=" container">
                <div class="row clearfix">
                    <div class="col-md-9 column">
                        <p style="line-height: 30px; color: #fff;">
                            <b style="font-weight:700">欢迎访问北京师范大学政府管理学院！</b>
                        </p>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!--导航栏-->
    <div>
        <div class="logo-bg">
            <div class=" container" style="width: 80%;margin: 0 auto;">
                <div class="row clearfix" style="margin-left: -15px; margin-right: -15px;">
                    <div class="col-md-4 column logo-box" style="width: 33%; float: left;">
                        <a href="index.aspx">
                            <img style="display: block;width: 100%;height: auto;" title="logo" class="img-responsive" alt="Cinque Terre" src="img/logo_03.png"></a>
                    </div>

                    <div class="col-md-8 column pn" style="width: 67%;float: left;">
                        <div class="top-tell">
                            <p style="margin: 0 0 10px; float: right;">
                                <a style="text-decoration: none;color: #337ab7;" href="/english/index.aspx" target="_blank">English Version</a>
                            </p>
                        </div>
                        <!--中文版 英文版-->
                        <nav class="navbar navbar-default topnav" role="navigation">
                            <div class="container-fluid top-nav">
                                <div class="collapse navbar-collapse top-nav" id="example-navbar-collapse">
                                    <ul class="nav navbar-nav">
                                        <li>
                                            <a href="首页.html">首页</a>
                                        </li>

                                        <li class="dropdown">
                                            <a class="dropdown-toggle" href="tongzhizhengceSearch.jsp">通知政策 <b class="caret"></b>
                                            </a>
                                        </li>

                                        <li class="dropdown">
                                            <a class="dropdown-toggle" href="招聘实习.html">招聘实习<b class="caret"></b>
                                            </a>
                                        </li>

                                        <li class="dropdown">
                                            <a class="dropdown-toggle" href="院友信息.html">院友信息 <b class="caret"></b>
                                            </a>
                                        </li>

                                        <!--8-->
                                    </ul>
                                </div>
                            </div>
                        </nav>
                        <!--顶部导航-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--轮播图片-->
    <div>
        <div class="banner-bg">
            <div class="container">
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <img class="img-responsive" alt="Cinque Terre" src="img/tongzhi.PNG">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div>
        <div id="s5" style="width: 65%; margin: 0 auto;margin-top:20px;">
            <div id="s1">
                <div>
                    <h2 font-family："隶书";><b>学院介绍</b></h2>
                    <br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京师范大学政府管理学院
                </div>
            </div>


            <div id="s2">
                <div>
                    <h2 font-family："隶书";><b>通知政策</b></h2>
                </div>

                <div
                        name="sub_title_more"
                        style="float:right;padding-right: 30px;" >
                    <h3>
                        <a href="tongzhizhengceSearch.jsp"><u>更多</u></a>
                    </h3>
                </div>
                <br />
                <br />
                <div class="employ_news" style="clear:both">
                    <ul class="list" color="gray">
                        <li>
									<span>2019-06-20 </span
                                    ><a href="#">▸ 1111111</a>
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li>
									<span>2019-09-20 </span
                                    ><a href="#"
                        >▸ 22222222</a
                        >
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li><span>2019-09-04 </span><a href="#">▸ 3333333</a></li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li>
									<span>2019-07-05 </span
                                    ><a href="#"
                        >▸ 44444444444444</a
                        >
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                    </ul>
                </div>
            </div>


            <div id="s3">
                <div>
                    <h2 font-family："隶书";><b>招聘实习</b></h2>
                </div>


                <div
                        name="sub_title_more"
                        style="float:right;padding-right: 30px;" >
                    <h3>
                        <a href="招聘实习.html"><u>更多</u></a>
                    </h3>
                </div>
                <br />
                <br />
                <div class="employ_news" style="clear:both">
                    <ul class="list" color="gray">
                        <li>
									<span>2019-06-20 </span
                                    ><a href="#">▸ 首都师范大学附属第二中学实习教师招聘</a>
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li>
									<span>2019-09-20 </span
                                    ><a href="#"
                        >▸ 北京汇文中学朝阳垂柳分校 实习大学生招聘公告</a
                        >
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li><span>2019-09-04 </span><a href="#">▸ 学而思网校</a></li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li>
									<span>2019-07-05 </span
                                    ><a href="#"
                        >▸ 大悦城控股集团股份有限公司
                            研发小组研究岗实习生招聘公告</a
                        >
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                    </ul>
                </div>
            </div>


            <div id="s4">
                <div>
                    <h2 font-family："隶书";><b>院友信息</b></h2>
                </div>

                <div
                        name="sub_title_more"
                        style="float:right;padding-right: 30px;">
                    <h3>
                        <a href="院友信息.html"><u>更多</u></a>
                    </h3>
                </div>

                <br />
                <br />

                <div class="employ_news" style="clear:both">
                    <ul class="list" color="gray">
                        <li>
                            <a href="http://localhost:8080/yuanyouxinxiSearch">2015届本科生毕业名单</a>
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li>
                            <a href="http://localhost:8080/yuanyouxinxiSearch">2014届本科生毕业名单</a
                            >
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li><a href="http://localhost:8080/yuanyouxinxiSearch">2013届本科生毕业名单</a></li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li>
                            <a href="http://localhost:8080/yuanyouxinxiSearch">2012届本科生毕业名单</a>
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li>
                            <a href="http://localhost:8080/yuanyouxinxiSearch">2011届本科生毕业名单</a>
                        </li>
                        <hr style="border:1px dashed gray" width="auto" />
                        <li>
                            <a href="http://localhost:8080/yuanyouxinxiSearch">2010届本科生毕业名单</a>
                        </li>
                    </ul>
                </div>

            </div><!--s4结尾-->
            <div id="" style="clear: both;">

            </div>
        </div>
    </div>



    <!--网页尾-->
    <footer>
        <div class="container">

            <div class="" style="width: 70%;">
                <p>
                    学院地址：北京市海淀区新街口外大街19号 北京师范大学前主楼A区5层
                </p>
                <p>
                    联系电话：010-58808256 &nbsp; MPA咨询电话：010-58808176
                </p>
                <p>
                    Copyright@2016 北京师范大学政府管理学院版权所有 &nbsp;All Rights Reserved
                </p>
                <p>
                    设计与开发：
                    <a style="color: white" href="http://www.ixingzhi.cn" target="_blank">行知睿思 </a>
                </p>
            </div>
            <div class="col-md-3 column " style="float: right; width: 30%;">
                <dl class="caption">
                    <dt>
                        <img style="width: 10px;" class="img-responsive" alt="Cinque Terre" src="img/weixin.png">
                    </dt>
                    <dd>公众号
                    </dd>
                </dl>
                <dl class="caption">
                    <dt>
                        <img style="width: 10px;" class="img-responsive" alt="Cinque Terre" src="img/er.png">
                    </dt>
                    <dd>手机版
                    </dd>
                </dl>
            </div>
            <div id="" style="clear: both;">

            </div>
        </div>

    </footer>

</div>
</body>
<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>

</html>
